<!-- 报名团队 -->
<template>
  <div class="app-container">
    <h4>个人比赛里程碑</h4>
    <div>
      获得第一次数：<span>{{ ucenterHonor.champion }}</span>
    </div>
    <div>
      获得第二次数：<span>{{ ucenterHonor.second }}</span>
    </div>
    <div>
      获得第三：<span>{{ ucenterHonor.third }}</span>
    </div>
    <div>
      参赛次数：<span>{{ ucenterHonor.contestCount }}</span>
    </div>
    <div class="imgbg_box">
      <div class="imgbg"><img src="@/assets/img/5.jpg" alt="" /></div>
    </div>
  </div>
</template>

<script>
import ucenterHonorApi from "@/api/ucenter/ucenterHonor";
import contestloginApi from "@/api/contestlogin";

export default {
  data() {
    return {
      ucenterHonor: {},
    };
  },
  created() {
    // 查询用户个人信息
    contestloginApi
      .getMemberInfo(this.$cookie.get("token"))
      .then((response) => {
        if (response.code !== 200)
          return this.$message.error("获取个人信息错误");
        ucenterHonorApi
          .selectUcenterHonor(response.data.userInfo.id)
          .then((response) => {
            if (response.code !== 200)
              return this.$message.error("获取个人信息错误");
            this.ucenterHonor = response.data.ucenterHonor;
          });
      });
  },
};
</script>
<style scoped>
.imgbg_box {
  position: relative;
}
.imgbg {
  position: absolute;
  left: 170px;
  top: -106px;
}
</style>